<template>
  <view class="alumni-auth-page">
    <!-- 顶部导航栏 -->
    <view class="top-bar">
      <view class="back-btn" @click="navBack">
        <view class="icon tn-icon-left tn-color-green"></view>
      </view>
      <view class="page-title">校友认证</view>
    </view>

    <!-- 内容区域 -->
    <view class="content">
      <view class="tip">请选择校友类型</view>
      <view class="type-list">
        <view class="type-item" @click="selectType('曾在校学习')">
          <text>曾在校学习</text>
          <text class="arrow">></text>
        </view>
        <view class="type-item" @click="goToCurrentStudentAuth">
          <text>在校生</text>
          <text class="arrow">></text>
        </view>
        <view class="type-item" @click="selectType('曾在校工作')">
          <text>曾在校工作</text>
          <text class="arrow">></text>
        </view>
        <view class="type-item" @click="selectType('在职职工')">
          <text>在职职工</text>
          <text class="arrow">></text>
        </view>
        <view class="type-item" @click="selectType('其他')">
          <text>其他</text>
          <text class="arrow">></text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    // 返回上一页
    navBack() {
      uni.navigateBack({ delta: 1 });
    },
    // 选择其他校友类型
    selectType(type) {
      uni.showToast({
        title: `您选择了${type}`,
        icon: 'none'
      });
      
    },
    goToCurrentStudentAuth() {
      uni.navigateTo({
        url: '/minePages/current_student' 
      });
    }
  }
}
</script>

<style scoped>
.alumni-auth-page {
  min-height: 100vh;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  padding: 0;
}

/* 顶部栏：控制整体布局 */
.top-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #eee;
}

/* 返回按钮：固定在左侧 */
.back-btn {
  position: absolute;
  left: 30rpx;
  display: flex;
  align-items: center;
  color: #0057b8;
  font-size: 28rpx;
}

.page-title {
  font-size: 36rpx;
  font-weight: 500;
  color: #333;
}

/* 内容区域样式 */
.content {
  flex: 1;
  padding: 30rpx;
}

.tip {
  font-size: 28rpx;
  color: #999;
  margin-bottom: 20rpx;
}

.type-list {
  background-color: #fff;
  border-radius: 12rpx;
  overflow: hidden;
}

.type-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 98rpx;
  padding: 0 30rpx;
  border-bottom: 1rpx solid #eee;
  font-size: 32rpx;
  color: #333;
}

.type-item:last-child {
  border-bottom: none;
}

.arrow {
  font-size: 28rpx;
  color: #999;
}
</style>